@charset "utf-8";
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
    margin:0px;
    padding:0px;
    border:none;
    list-style:none;
}
html{
  height: 100%;
}
body {
    font: 14px "microsoft yahei", "simsun", sans-serif;
    color:#666;
    margin:0px;
  height: 100%;
  position: relative;
    padding:0px;
}

*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;   
}
input {border:none;}
.clear {clear: both;  }
.lf{float: left}
.rt{float: right}
.relative{position:relative;}










/*头部*/
#header {
  width: 100%;
  height: 60px;
  background-color: #3D9FF1;
  color: #fff;
}
#header .headerContent{
  background-color: #3D9FF1;
  width: 1200px;
  height: 100%;
  margin: 0 auto;

}

/* 头部左边样式*/
#header .headerLeft a{
  float: left;
  margin-top:5px;
}
#header .headerLeft span{
  font-size: 30px;
  line-height: 60px;
  height: 60px;
  float: left;
  margin-left: 10px;
}
/*头部右边样式*/
.headerRight {
  height: 60px;
  line-height:60px;
  width:720px;
  margin-left:30px;
}
.headerRight li{
  float: left;
  height: 60px;
  line-height: 60px;
  width: 75px;
  text-align: center;

}
.headerDate{
  height: 60px;
  width:200px;
  line-height: 60px;
  margin-left: 10px;
}
.headerRight li:hover{
  background-color: #246AA4;
}
.headerRight li.active{
  background-color: #246AA4;
}
.headerRight li a{
  text-decoration: none;
  color: #fff;
}



/*主体视图*/
.section{
  /*height:700px;*/
  color:#666;
  position:absolute;
  top:60px;
  left: 0;
  right: 0;
  bottom: 0;

}
#container{
  width:100%;
  height:100%;
}

/*地图样式修改*/
.qxmap-control-mapsource{
  display: none;
}
#container .qxmap-control-vector-grid_component {
  right: auto;
  left:30px;
}
.qxmap-right{
  left:0;
}


/*滚动*/
.selectColumn{
  position:absolute;
  top:50px;
  left:20%;
}

.slide{
  width:500px;
  height:30px;
  border:1px solid red;
  border-radius:20px;
  overflow:hidden;
  position:relative;
  top:-2px;
  background:#fff;
}
.slide p{
  position:relative;
  width:810px;
  left:500px;
  top:-4px;
  animation: slider 10s linear infinite;
}
.slide p span{
  padding:0 5px;
  color:red;
}

@keyframes slider {
  0%{
    left:500px;
  }
  100%{
    left:-800px;
  }
}

select{
  width:160px;
  height:30px;
  border:1px solid #999;
  border-radius:5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left:14px;
  outline:none;
  position:absolute;
  margin-left:20px;
  top:-2px;
  left:495px;
  background:#fff url(/assets/imgs/arrow-down.png) no-repeat right center;
}


/*右边栏*/
.sectionRight{
  position:absolute;
  top:30px;
  right:3%;
  background:#fff;
}

.warning{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  width:200px;
  height:200px;
  background:blue;
  text-align:center;
  line-height:200px;
  color:#fff;
  font-size:24px;
  border-radius:10px;
  border:1px solid transparent;
}